﻿<%@ page language="java"  pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
    <jsp:include page="/meta.jsp"></jsp:include>
</head>

<body>
    <!-- Main Wrapper Start -->
    <div class="wrapper bg--shaft">
    
    
    	<jsp:include page="/head.jsp"></jsp:include>
    	
    	 <!-- Breadcumb area Start -->
        <div class="breadcrumb-area">
            <div class="container">
                <div class="row">
                    <div class="col-12 text-center">
                        <h1 class="page-title">About Us</h1>
                        <ul class="breadcrumb justify-content-center">
                            <li><a href="/">Home</a></li>
                            <li class="current"><a href="/about.jsp">About</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- Breadcumb area End -->
       

        <!-- Main Content Wrapper Start -->
        <div class="main-content-wrapper">
            <div class="about-area bg--dark-3 mt--40 mt-sm--30">
                <div class="container-fluid p-0">
                    <div class="row no-gutters align-items-center">
                        <div class="col-xl-6">
                            <div class="img-box text-center">
                                <img src="/assets/img/about/about-us-img1.jpg" alt="about">
                            </div>
                        </div>
                        <div class="col-xl-6">
                            <div class="row">
                                <div class="col-10 offset-1">
                                    <div class="about-text text-center">
                                        <h2 class="heading-secondary mb--40 mb-sm--30">
                                            About Us
                                        </h2>
                                        <p class="mb--40 mb-sm--30">shandongdailu Co., Ltd. (SDDL) is a E-commerce company. Specializing in customized watch online sale, Our products exported include Europe and the United States.

    We always adhered to "quality of products in order to survive, credibility and development services" business purposes. Committed to providing you with high-quality products and quality services. 

    Our products have good reputation among clients.　Warmly welcome you and opening up the boundaries of communication. We synchronize with your ideal partner!</p>
                                        <div class="about-btn-group text-center">
                                            <a href="/about.jsp" class="btn btn-style-3">view work</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="fact-area">
                <div class="container-fluid p-0">
                    <div class="row no-gutters">
                        <div class="col-lg-3 col-sm-6">
                            <div class="fact">
                                 <div>
                                    <img src="/assets/img/about/a01.jpg" alt="about icon">
                                </div>
                                <div class="fact__content">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="fact">
                                <div class="fact__icon">
                                    <img src="/assets/img/icons/about-us-icon2.png" alt="about icon">
                                </div>
                                <div class="fact__content">
                                    <h3><span class="counter">869</span></h3>
                                    <p>AWARDS WON</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="fact">
                                 <div>
                                    <img src="/assets/img/about/a03.jpg" alt="about icon">
                                </div>
                                <div class="fact__content">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="fact">
                                <div class="fact__icon">
                                    <img src="/assets/img/icons/about-us-icon4.png" alt="about icon">
                                </div>
                                <div class="fact__content">
                                    <h3><span class="counter">2500</span></h3>
                                    <p>COMPLETE PROJECTS</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="fact-area">
                <div class="container-fluid p-0">
                    <div class="row no-gutters">
                        <div class="col-lg-3 col-sm-6">
                            <div class="fact">
                                <div class="fact__icon">
                                    <img src="/assets/img/icons/about-us-icon1.png" alt="about icon">
                                </div>
                                <div class="fact__content">
                                    <h3><span class="counter">2169</span></h3>
                                    <p>HAPPY CUSTOMERS</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="fact">
                                 <div>
                                    <img src="/assets/img/about/a05.jpg" alt="about icon">
                                </div>
                                <div class="fact__content">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="fact">
                                <div class="fact__icon">
                                    <img src="/assets/img/icons/about-us-icon3.png" alt="about icon">
                                </div>
                                <div class="fact__content">
                                    <h3><span class="counter">689</span></h3>
                                    <p>HOURS WORKED</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="fact">
                                <div>
                                    <img src="/assets/img/about/a06.jpg" alt="about icon">
                                </div>
                                <div class="fact__content">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="skill-area bg--dark-3">
                <div class="container-fluid p-0">
                    <div class="row no-gutters align-items-center">
                        <div class="col-xl-6">
                            <div class="row">
                                <div class="col-sm-9 offset-sm-2 col-10 offset-1">
                                    <div class="skill-progress">
                                        <h2 class="heading-secondary heading-secondary--2 mb--40">
                                            We Have Advantages To Show
                                        </h2>
                                        <div class="skill-progress__single">
                                            <span class="skill-progress__title">Quick Shipping Paid -> delivery in 7 days</span>
                                            <div class="progress">
                                                <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"><span>90%</span></div>
                                            </div>
                                        </div>
                                        <div class="skill-progress__single">
                                            <span class="skill-progress__title">Money Return Back guarantee under 7 days</span>
                                            <div class="progress">
                                                <div class="progress-bar" role="progressbar" style="width: 85%;" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"><span>85%</span></div>
                                            </div>
                                        </div>
                                        <div class="skill-progress__single">
                                            <span class="skill-progress__title">Member Discount Onevery order over $120.00</span>
                                            <div class="progress">
                                                <div class="progress-bar" role="progressbar" style="width: 70%;" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"><span>70%</span></div>
                                            </div>
                                        </div>
                                        <div class="skill-progress__single">
                                            <span class="skill-progress__title">Online Support Support online 24 hours a day</span>
                                            <div class="progress">
                                                <div class="progress-bar" role="progressbar" style="width: 95%;" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"><span>95%</span></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6">
                            <div class="img-box text-center">
                                <img src="/assets/img/about/about-us-img2.jpg" alt="about image">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
           
        </div>
        <!-- Main Content Wrapper Start -->

       <jsp:include page="/foot.jsp"></jsp:include>

        <!-- Scroll To Top Start -->    
        <a class="scroll-to-top" href=""><i class="fa fa-angle-double-up"></i></a>
        <!-- Scroll To Top End -->

    </div>
    <!-- Main Wrapper End -->


    <!-- ************************* JS Files ************************* -->

    <!-- jQuery JS -->
    <script src="/assets/js/vendor/jquery.min.js"></script>

    <!-- Bootstrap and Popper Bundle JS -->
    <script src="/assets/js/bootstrap.bundle.min.js"></script>

    <!-- All Plugins Js -->
    <script src="/assets/js/plugins.js"></script>
    <!-- Ajax Mail Js -->
    <script src="/assets/js/ajax-mail.js"></script>

    <!-- Main JS -->
    <script src="/assets/js/main.js"></script>


    <script type="text/javascript">
    $('#lang').magnificPopup({
    	  type: 'inline',         // 行内的类型，类比图片的模式
    	  closeBtnInside: true,   // 显示关闭按钮
    	  closeOnBgClick: false  // 点击遮罩透明背景关闭弹出层
    	});
    </script>
</body>

</html>
